<template>
  <ul>
    <!-- (1) 通过路由路径传参，可以通过$route的query来拿到 -->
    <!-- <li>消息编号: {{ $route.query.id }}</li>
    <li>消息标题: {{ $route.query.title }}</li> -->
    <!-- (2) 通过$route的params来拿到 -->
    <!-- <li>消息编号: {{ $route.params.id }}</li>
    <li>消息标题: {{ $route.params.title }}</li> -->
    <!-- (3) 当要接受的数据过多，用前两种要写很多重复的就不方便，
             于是有了路由的props，配合props接收 -->
    <!-- <li>a:{{ a }},b:{{ b }}</li>
     -->
    <li>消息编号: {{ id }}</li>
    <li>消息标题: {{ title }}</li>
  </ul>
</template>

<script>
export default {
  name: "myDetail",
  // props: ["a", "b", "id", "title"],
  computed: {
    id() {
      return this.$route.params.id;
    },
    title() {
      return this.$route.params.title;
    },
  },
  //  mounted() {
  //     console.log(this.$route)
  //  },
};
</script>

<style></style>
